<template>
	<view class="container">
		<view class="menu-list">
			<view class="menu-item" @click="navigateToSelect">
				<text class="menu-item-text">1.SMT外段取作业</text>
			</view>
		</view>
		<view class="version">
			<text class="version-text">v1.0.2</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			navigateToSelect() {
				uni.navigateTo({
					url: '/pages/select/select'
				});
			}
		}
	}
</script>

<style>
	.container {
		background-color: #F5F5F5;
		padding: 10px;
		height: 100vh;
	}
	.menu-list {
		margin-top: 10px;
	}
	.menu-item {
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		padding: 20px;
		text-align: center;
		margin-bottom: 10px;
	}
	.menu-item:active {
		background-color: #E0E0E0;
	}
	.menu-item-text {
		font-size: 18px;
		font-weight: bold;
		color: #333333;
	}
	.version {
		position: fixed;
		bottom: 10px;
		right: 10px;
		opacity: 0.5;
	}
	.version-text {
		font-size: 12px;
		color: #999999;
	}
</style>
